	var GlobalChartsData="sun";
	var GlobalChartsTime="day";
	var GlobalChartsType="spline";
	var GlobalChartsId= "55836";
	var GlobalChartsname="222";
	var station = "西山";
	var timetype = "时";
	var elementtype = "日照";
	var imgtype = "曲线图";
	var title = station+" "+timetype+"实况"+elementtype+""+imgtype+"(站号:"+GlobalChartsId+")";
	var yAxistitle = "日照(h)";
	var series = [{
		name: '南川',
		data: [49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
	}, {
		name: '万州',
		data: [83.6, 78.8, 98.5, 93.4, 106.0, 84.5, 105.0, 104.3, 91.2, 83.5, 106.6, 92.3]
	}, {
		name: '璧山',
		data: [48.9, 38.8, 39.3, 41.4, 47.0, 48.3, 59.0, 59.6, 52.4, 65.2, 59.3, 51.2]
	}, {
		name: '渝北',
		data: [42.4, 33.2, 34.5, 39.7, 52.6, 75.5, 57.4, 60.4, 47.6, 39.1, 46.8, 51.1]
	}];
	var timeArray = ['0时','1时','2时','3时','4时','5时','6时','7时','8时','9时','10时','11时'];
	function getSpline(){ //创建折线图
		var chart = Highcharts.chart('container', {
			title: {
					text: ''
			},
			subtitle: {
					text: ''
			},
			xAxis: {
				categories: timeArray,
			},
			yAxis: {
					title: {			
						text: yAxistitle
					}
			},
			credits: {
            	text: '',
            	href: ''
        	},
			legend: {
					layout: 'vertical',
					align: 'right',
					verticalAlign: 'middle'
			},
			series: series,
			responsive: {
					rules: [{
							condition: {
									maxWidth: 500
							},
							chartOptions: {
									legend: {
											layout: 'horizontal',
											align: 'center',
											verticalAlign: 'bottom'
									}
							}
					}]
			}
	});
	}
	function getColumn(){//创建柱形图 
		var chart = Highcharts.chart('container',{
			chart: {
					type: 'column'
			},
			title: {text: ''},
			credits: {
            	text: '',
            	href: ''
        	},
			subtitle: {text: ''},
			xAxis: {
					categories: timeArray,
					crosshair: true
			},
			yAxis: {
					min: 0,
					title: {
							text: yAxistitle
					}
			},
			tooltip: {
					// head + 每个 point + footer 拼接成完整的 table
					headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
					pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
					'<td style="padding:0"><b>{point.y:.1f}</b></td></tr>',
					footerFormat: '</table>',
					shared: true,
					useHTML: true
			},
			plotOptions: {
					column: {
							borderWidth: 0
					}
			},
			series: series
	});
	}
	$("#chartForStationul1 li").each(function(){
		$(this).click(function(){
			$(this).siblings().find("a").css({"color":"#555","font-weight":"lighter"});
			$(this).find("a").css({"font-weight":"bold","color":"#191970"});
			elementtype = $(this).text();
			setTitle()
		});
	});
	$("#chartForStationul2 li").each(function(){
		$(this).click(function(){
			$(this).siblings().find("a").css({"color":"#555","font-weight":"lighter"});
			$(this).find("a").css({"font-weight":"bold","color":"#191970"});
			timetype = $(this).text();
			setTitle()
		});
	});
	$("#chartForStationul3 li").each(function(){
		$(this).click(function(){
			$(this).siblings().find("a").css({"color":"#555","font-weight":"lighter"});
			$(this).find("a").css({"font-weight":"bold","color":"#191970"});
			imgtype = $(this).text();
			setTitle()
		});
	});
	function settypeData(word){
		if( word=="sun"){
			yAxistitle = "日照(h)";
			series = [{
				name: '南川',
				data: [49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
			}, {
				name: '万州',
				data: [83.6, 78.8, 98.5, 93.4, 106.0, 84.5, 105.0, 104.3, 91.2, 83.5, 106.6, 92.3]
			}, {
				name: '璧山',
				data: [48.9, 38.8, 39.3, 41.4, 47.0, 48.3, 59.0, 59.6, 52.4, 65.2, 59.3, 51.2]
			}, {
				name: '渝北',
				data: [42.4, 33.2, 34.5, 39.7, 52.6, 75.5, 57.4, 60.4, 47.6, 39.1, 46.8, 51.1]
			}];
		} else if( word=="temp"){
			yAxistitle = "地面温度(℃)";
			series = [{
				name: '南川',
				data: [106 ,99 ,118 ,130 ,139 ,94 ,111 ,184 ,103 ,173 ,82 ,87]
			}, {
				name: '万州',
				data: [78 ,36 ,56 ,172 ,153 ,113 ,76 ,68 ,148 ,67 ,146 ,118]
				
			}, {
				name: '璧山',
				data: [173 ,54 ,180 ,94 ,119 ,147 ,100 ,159 ,109 ,48 ,160 ,93]
				
			}, {
				name: '渝北',
				data: [142 ,179 ,115 ,92 ,82 ,143 ,177 ,162 ,160 ,197 ,60 ,186]
			}];
		} else if( word=="rain"){
			yAxistitle = "降水量(mm)";
			series = [{
				name: '南川',
				data: [151 ,46 ,166 ,82 ,89 ,56 ,196 ,181 ,116 ,167 ,164 ,61]
			}, {
				name: '万州',
				data: [139 ,177 ,124 ,160 ,71 ,144 ,123 ,197 ,84 ,66 ,127 ,141]
			}, {
				name: '璧山',
				data: [117 ,108 ,48 ,49 ,39 ,99 ,195 ,83 ,46 ,182 ,107 ,89]
			}, {
				name: '渝北',
				data:  [61 ,72 ,179 ,175 ,33 ,189 ,92 ,70 ,77 ,187 ,142 ,85]
			}];
		} else if( word=="tur,10"){
			yAxistitle = "土温(℃)";

		} else if( word=="kPa"){
			yAxistitle = "气压(kpa)";
		}
		GlobalChartsData = word;
		setChart();
	}
	function settypeTime(word){
		GlobalChartsTime = word;
		timeArray = [];
		if(word=="hour"){
			timeArray = ['0时','1时','2时','3时','4时','5时','6时','7时','8时','9时','10时','11时'];
		} else if(word=="day"){
			timeArray = ['01日','02日','03日','04日','05日','06日','07日','08日','09日','10日','11日','12日'];
		} else if(word=="tendays"){
			timeArray = ['一月上','一月中','一月下','二月上','二月中','二月下','三月上','三月中','三月下','四月上','四月中','四月下'];
		} else if(word=="month"){
			timeArray = ['一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月'];
		}
		setChart();
	}
	function setTypedata(word){
		GlobalChartsType = word;
		setChart();
	}
	function closeWindow(){
		$("#chartForStation").hide();
	}
	function setChart(){ //构造图表
		if( GlobalChartsType == "spline"){
			getSpline();
		} else{
			getColumn();
		}
	}
	function setTitle(){ //更改标题
		var title = station+" "+timetype+"实况"+elementtype+""+imgtype+"(站号:"+GlobalChartsId+")";
		$("#stationTitle").text(title);
		$("#stationTitle").append("<img src=\"img/close.png\" style=\"width: 20px; height: 20px; right: 2%; top: 7.5px ;position: absolute; cursor: pointer;\" onclick=\"closeWindow()\">");
	}
	function openWindow(){ //显示窗口
		closeWindow();
		$("#chartForStation").show();
		$("#chartForStation").css({"width":"500px", "height":"390px", "display":"block", "z-index":"77", "position":"absolute","right":"0.5%", "top":"50px", "background":"#fff"});
		GlobalChartsId= ""+Global.stationid;
		station = ""+Global.stationname;
		setTitle();
		setChart();
	}	

	$('#chartForStationul1 li').eq(0).click();
	settypeData('sun');
	$('#chartForStationul2 li').eq(0).click();
	settypeTime('hour');
	$('#chartForStationul3 li').eq(0).click();
	setTypedata('spline');

	//声明需要用到的变量
	var mx = 0,my = 0;      //鼠标x、y轴坐标（相对于left，top）
	var dx = 0,dy = 0;      //对话框坐标（同上）
	var isDraging = false;      //不可拖动
	//鼠标按下
	$("#stationTitle").mousedown(function(e){
		e = e || window.event;
		mx = e.pageX;     //点击时鼠标X坐标
		my = e.pageY;     //点击时鼠标Y坐标
		dx = $("#chartForStation").offset().left;
		dy = $("#chartForStation").offset().top;
		isDraging = true;      //标记对话框可拖动                
	});
	//鼠标按下
	$("#imgtitle").mousedown(function(e){
		e = e || window.event;
		mx = e.pageX;     //点击时鼠标X坐标
		my = e.pageY;     //点击时鼠标Y坐标
		dx = $("#datukuang").offset().left;
		dy = $("#datukuang").offset().top;
		Global.common.imagetitleFlage = true;      //标记对话框可拖动                
	});
	//鼠标移动更新窗口位置
	$(document).mousemove(function(e){
		var e = e || window.event;
		var x = e.pageX;      //移动时鼠标X坐标
		var y = e.pageY;      //移动时鼠标Y坐标
		if(isDraging){        //判断对话框能否拖动
			var moveX = dx + x - mx;      //移动后对话框新的left值
			var moveY = dy + y - my;      //移动后对话框新的top值
			//设置拖动范围
			var pageW = $(window).width();
			var pageH = $(window).height();
			var dialogW = $("#chartForStation").width();
			var dialogH = $("#chartForStation").height();
			var maxX = pageW - dialogW;       //X轴可拖动最大值
			var maxY = pageH - dialogH;       //Y轴可拖动最大值
			moveX = Math.min(Math.max(0,moveX),maxX);     //X轴可拖动范围
			moveY = Math.min(Math.max(0,moveY),maxY);     //Y轴可拖动范围
			//重新设置对话框的left、top
			$("#chartForStation").css({"left":moveX + 'px',"top":moveY + 'px'});
		} else if(Global.common.imagetitleFlage){
			var moveX = dx + x - mx;
			var moveY = dy + y - my;      
			var pageW = $(window).width();
			var pageH = $(window).height();
			var dialogW = $("#datukuang").width();
			var dialogH = $("#datukuang").height();
			var maxX = pageW - dialogW;       
			var maxY = pageH - dialogH;       
			moveX = Math.min(Math.max(0,moveX),maxX);     
			moveY = Math.min(Math.max(0,moveY),maxY);     
			$("#datukuang").css({"left":moveX + 'px',"top":moveY + 'px'});
		}
	});

	//鼠标离开
	$("#stationTitle").mouseup(function(){
		isDraging = false;
	});
	//鼠标离开
	$("#imgtitle").mouseup(function(){
		Global.common.imagetitleFlage = false;
	});